﻿<%@ Page Title="" Language="C#" MasterPageFile="~/HiredQnA.master" AutoEventWireup="true" CodeBehind="question.aspx.cs" Inherits="Hired.question" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadPlaceHolder" runat="server">
    <style type="text/css">
        .questionbg
        {
            position: relative;
            width: 850px;
            margin: 0 auto;
            background-color:#ebf7ff;
        }
        .rating
        {
            float: right;
            bottom: 0px;
            margin-right: 35px;
        }
        .title
        {
            font-family: "Franklin Gothic Demi", Arial;
            font-size: 22px;    
        }
        .questionTitle
        {
            float: left;
            margin-left: 5px;
            width: 234px;
        }
        .postAnswer
        {
            margin: 0 auto;
            text-align: center;
        }
        .lblTimeStamp
        {
            position: absolute;
            right: 10px;
            top: 5px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainPlaceHolder" runat="server">
    <span class="identifier"><a href="qna.aspx">Questions & Answers</a>  &gt;&gt; Question</span> <br />
    <div class="questionbg">
            <table style="width:100%; text-align:center;">
                <tr>
                    <td colspan="2">
                        <div class="questionTitle"><asp:Label class="title" ID="lblQuestionTitle" runat="server"></asp:Label>
                            <br />
                            </div>
                    </td>
                </tr>
                <tr>
                    <td width="225px">     
                        <br />
                        <asp:ImageButton ID="imgPoster" runat="server" Height="150px" Width="150px" />
                        <br />
                        <asp:LinkButton ID="lblPosterUsername" runat="server"></asp:LinkButton></td>
                    <td>
                            <div class="lblTimeStamp">
                            <asp:Label ID="lblQuestionTimestamp" runat="server" Font-Size="X-Small"></asp:Label>
                            </div>
                        <asp:Label ID="lblQuestionContents" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                    <div class="rating">
                        <asp:ImageButton ID="imgRatingPositive" runat="server" 
                            ImageUrl="~/Images/ratingpositive.gif" />
                        <asp:Label ID="lblRatingPositive" runat="server" ForeColor="#00CC00"></asp:Label>
                        <asp:ImageButton ID="ImageButton2" runat="server" 
                            ImageUrl="~/Images/ratingnegative.gif" />
                        <asp:Label ID="lblRatingNegative" runat="server" ForeColor="Red"></asp:Label>
                        <br />
                        </div>
                        </td>
                </tr>
            </table>
    </div>
    <asp:Panel ID="pnlAnswers" runat="server">
    </asp:Panel>
    <asp:Panel ID="pnlPostAnswer" runat="server" CssClass="postAnswer">
        <asp:TextBox ID="txtAnswer" runat="server" 
            TextMode="MultiLine" style="overflow:hidden; margin-top: 30px;" Height="100px" Width="450px"></asp:TextBox>
        <asp:Button ID="btnAnswer"
        runat="server" Text="Post Answer" style="margin-left: 10px;" 
            BackColor="#336600" BorderColor="#333300" BorderStyle="Solid" Font-Bold="True" 
            ForeColor="White" onclick="btnAnswer_Click" 
            ValidationGroup="AnswerGroup" />
        <br />
        <asp:RequiredFieldValidator ID="RequiredFieldAnswer" runat="server" 
            ControlToValidate="txtAnswer" Display="Dynamic" 
            ErrorMessage="Answer field cannot be left blank" Font-Size="X-Small" 
            ForeColor="Red" ValidationGroup="AnswerGroup"></asp:RequiredFieldValidator>
    </asp:Panel>
</asp:Content>
